<!DOCTYPE html>
<html>
	<head>
	<meta charset="utf-8">
	<title>晟日果蔬</title>
    <meta name="description" content="">
  	<meta name="keywords" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp" />

    <link rel="icon" type="image/png" href="assets/i/favicon.png">
    <#include "../common/mobile-base.html"/>   
    <link rel="stylesheet" type="text/css" href="${webRoot!}/skins/scroll/scrollmenu.css">
    <script type="text/javascript" src="${webRoot!}/skins/scroll/bscroll.js"></script>
    <script type="text/javascript" src="${webRoot!}/skins/scroll/scrollmenu.js"></script>
    <script type="text/javascript" src="${webRoot!}/skins/scroll/picker.js"></script>
  	<script type="text/javascript" src="${webRoot!}/skins/scroll/city.js"></script>
  	<script type="text/javascript" charset="utf-8" src="${webRoot!}/js/mobile/address.js"></script>
  	<script type="text/javascript" charset="utf-8" src="${webRoot!}/js/mobile/order.js"></script>
	<script type="text/javascript">
		$(function(){
		    Address.path = '${webRoot!}';
		    Order.path = '${webRoot!}';
		});
	</script>
	<style type="text/css">
			#page-shade{  
                z-index: 1040;
                display: block;  
                background: rgba(0, 0, 0, 0.498039);  
                position: absolute;  
                top: 0px;  
                width: 100%;  
                height: 100%;  
            }  
            .pop-box{  
                width:100%;  
                text-align: center;  
                background-color:#fff;  
                position:absolute;  
                bottom:0px;  
                display:none;   
                position: absolute;  
                bottom: 0;  
                z-index: 1040;  
                max-height: 500px;
                overflow: auto;
            }  
		</style>
	</head>
	<body>
		<header data-am-widget="header" class="am-header am-header-default joan-head2 ">
	<div class="am-header-left am-header-nav">
		<a href="javascript:history.back()" class="">
			<i class="am-icon-chevron-left"></i>
		</a>
	</div>
	<h1 class="am-header-title padding-10">
	  	<a href="" class="">确认订单信息</a>
	</h1>
</header>
	<div class="order-text">配送信息</div>
	<#if memberAddress??>
    <!-- 已经有收货地址 -->
    <div class="order-pay-infor row" onclick="Address.addressListPop()">
    	<div class="col-xs-1 order-map-location text-center">
    		<i class="fa fa-map-marker"></i>
		</div>
		<div class="col-xs-10 receive-div">
			<p>
				<input type="hidden" id="orderAddressId" name="orderAddressId" value="${memberAddress.maId!}" />
				<span class="receive-name" id="orderReceivename">${memberAddress.maName!}</span><span class="receive-phone-style" id="orderPhone">${memberAddress.maMobile!}</span>
			</p>
			<p class="receive-addr-style" id="orderAddress">${memberAddress.maCity!}${memberAddress.maAddress!}</p>
		</div>
		<div class="col-xs-1 order-map-detail">
			<i class="fa fa-chevron-right"></i>
		</div>
    </div>
    <#else>
    <!-- 没有收货地址 -->
    <div class="order-pay-infor row" onclick="Address.addAddressPop()">
    	<div class="col-xs-1 order-map-location text-center">
    		<i class="fa fa-map-marker"></i>
		</div>
		<div class="col-xs-10 receive-div">
			<p class="receive-addr-add">填写我的收货地址</p>
		</div>
		<div class="col-xs-1 order-map-detail">
			<i class="fa fa-chevron-right"></i>
		</div>
    </div>
    </#if>
    
    <div class="order-pay" style="margin-top: 0;">
    	<li>
    		<span class="pay-sty">配送方式</span>
    		<span class="weixinpay" id="transportType">
    			<span class="btn btn-xs btn-primary" onclick="Order.transportTypeChange('storeTransport')" id="storeTransport" transport="1">商家配送</span>
    			<span class="btn btn-xs btn-white" onclick="Order.transportTypeChange('storeSelf')" id="storeSelf" transport="2">用户自提</span>
    		</span>
    	</li>
	</div> 
    
    <div class="order-text">商品清单</div>
    <div class="c-comment-list" style="border-top: 1px solid #ddd;">
		<div class="row">
			<div class="col-xs-9 order-shop-img">
				<#list shopCarts as cart>
          		<img src="${webRoot!}/upload/${cart.shop.sImgSmall!}"/>
          		</#list>
	        </div>  
	        <div class="col-xs-3 text-right order-shop-text" onclick="window.location.href='${webRoot!}/mobile/shopCart/forwardShopList.do'">	
          		<span>共${shopCarts?size}件</span>&nbsp;
          		<i class="fa fa-chevron-right" ></i>
          	</div>
        </div>
        <div class="row">
        	<div class="col-xs-12">
		   		<input type="text" id="orderRemark" class="form-control" placeholder="对订单有什么要求，可以在这里给店家留言~">
        	</div>
        </div>  	
	</div>
	
	<div class="order-text">价格明细</div>
     <div class="order-pay" style="margin-top: 0;">
    	<li>
    		<span class="pay-sty" >商品总价</span>
    		<span class="weixinpay totalmoney-span">￥${totalPrice!}</span>
    	</li>
    	<li>
    		<span class="pay-sty">运费<span class="weight-title">（总重：￥${totalWeight!}斤）</span></span>
    		<span class="weixinpay totalmoney-span" >￥0.00 </span>
    	</li>
    </div>
    
    <div class="order-text">支付形式</div>
    <div class="order-pay" style="margin-top: 0;">
    	<li>
    		<span class="pay-sty">支付方式</span>
    		<span class="weixinpay"><div class="btn btn-xs btn-primary">货到付款</div> </span>
    	</li>
	</div>   
    
    <!-- 底部导航-->
	<div data-am-widget="navbar" class="am-navbar  am-navbar-default gm-foot bottom-line">
	    <div class="footer-hr-line-style" style="height: 50px;">
	 	<div class="col-xs-9 order-margin-div " style="line-height: 50px;">
	 		<span class="total-money-div">实付款：</span><span class="totalmoney-span">￥${totalPrice!}</span>
	 		<!-- 
	 		<span class="total-money-font ">（运费：￥0.00）</span>
	 		 -->
	 	</div>
	 	<div class="col-xs-3 text-right col-no-padding" onclick="Order.submitOrderFromCart()">
	 		<div class="buy-button buynow text-center buy" title="提交订单"><span>提交订单</span></div>
	 	</div>
		</div>
	</div>
   
   
    <!-- 收货地址列表 -->
    <div id="address-list"></div>
        
        
    <!-- 新建地址 -->
    <div id="address-add"></div>
        
</body>
</html>
